<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>团购 首页</title>
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="web">
			<!--头-->
			<header>
				<div class="logo">
					<img src="img/logo.png" alt="logo" />
				</div>
				
				<div class="select-bar">
					<select name="select" id="">
						<option value="">广州</option>
						<option value="">深圳</option>
						<option value="">上海</option>
					</select>
				</div>
				
				<div class="search-bar">
					<input type="search" placeholder="请输入商品名称"/>
					<i class="iconfont icon-fangdajing"></i>
				</div>
			</header>
			<!--主体部分-->
			<section>
				<div class="carous">
					<img src="img/slide01.jpg" alt="carous" />
				</div>
				<div class="team-buying">
					<div class="team-buying-top clearfix">
						<h2 class="title"><span><img src="img/team-buying01.png"/></span><span>优惠团购</span></h2>
						<div class="more">
							<h2><a href="detail.html">更多</a></h2>	
							<i class="iconfont icon-you"></i>
						</div>
					</div>
					<ul class="team-buying-bottom clearfix">				
						<li class="imgwrap">
							<img src="img/team-buying02.jpg" alt="" />
						</li>
						<li class="imgwrap">
							<img src="img/team-buying03.jpg" alt="" />
						</li>
						<li class="imgwrap">
							<img src="img/team-buying04.jpg" alt="" />
						</li>
						<li class="imgwrap">
							<img src="img/team-buying05.jpg" alt="" />
						</li>
					</ul>					
				</div>
				<div class="favourite">
					<div class="favourite-top clearfix">
						<div class="guess clearfix">
							<div class="img_wrap">
								<img src="img/favourite_heart_28.png" alt="" />
							</div>
							<h4>猜你喜欢</h4>
						</div>
						<div class="more clearfix">
							<h4><a href="detail.html">更多</a></h4>
							<i class="iconfont icon-you"></i>
						</div>
					</div>
				</div>
				<ul class="shop">
					<li>
						<div class="shop-img">
							<img src="img/favourite1.jpg" alt="" />
						</div>
						<div class="message">
							<div class="row-1 clearfix">
								<h4>万岁寿司(正佳店)</h4>
								<h4>&lt;100m</h4>
							</div>
							<p class="row-2">
								[100店通用]双人套餐
							</p>
							<div class="price clearfix">
								<h4>&yen;88.00</h4>
								<h4>已售1000</h4>
							</div>
						</div>
					</li>
					<li>
						<div class="shop-img">
							<img src="img/favourite2.jpg" alt="" />
						</div>
						<div class="message">
							<div class="row-1 clearfix">
								<h4>周黑鸭(正佳店)</h4>
								<h4>&lt;100m</h4>
							</div>
							<p class="row-2">
								[100店通用]双人套餐
							</p>
							<div class="price clearfix">
								<h4>&yen;88.00</h4>
								<h4>已售1000</h4>
							</div>
						</div>
					</li>
				</ul>
			</section>
			<!--尾-->
			<footer>
				<ul>
					<li class="active">
						<a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="sort.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
					</li>
					<li>
						<a href="my.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		<script src="js/mobileReset.js"></script>
	</body>
</html>
